<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>保养肠道</title>
  <style>
   
    * {
      margin: 0;
      padding: 0;

    }
    a {
            text-decoration: none;
        }

        ul  {
            list-style: none;
        }

        body,
        html {
            width: 100%;
            height: 100%;
        }

        #head {
            width: 80%;
            height: 80px;
            /* background-color: white; */
            margin: 0 auto;
        }

        #logo {
            /* background-color: red; */
            width: 30%;
            height: 80px;
            float: left;
        }

        #headleft {
            width: 50%;
            float: left;
            height: 80px;
            /* background-color: yellow; */
        }

        #headleft1 {
            float: right;
            height: 80px;
            line-height: 80px;
        }

        #login {
            text-decoration: none;
            color: #407434;
        }

        #headright {
            height: 80px;
            line-height: 80px;
            text-align: center;
        }

        #bodynav {
            width: 100%;
            height: 60px;
            /* background-color: red; */
        }

        #nav {
            width: 80%;
            height: 60px;
            margin: 0 auto;
            background-color:white;
        }

        #nav li {
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 20px;
            width: 20%;
            float: left;
        }

        #nav a {
            color: grey;
            font-weight: bold;
        }

        #nav a:hover {
            color: #407434;
            font-weight: bold;
        }

        #foot ul li,
        #middle ul li {
            float: left;
        }

        #down:hover #updown{
            display: block;
           
        }
        #updown li:first-child{
            font-size: 20px;
            color: aqua;
         }
         #updown{
            display: none;
            width: 500px;
            height: 200px;
            background-color:#ccc;
            position: fixed;
            z-index: 10px;
        }

   
    h3{
        font-size: 20px;
        width:70%;
        text-align: center;
      
    }
    .quanbu ul li{
      margin-top: 20px;
      text-indent: 2em;
      font-size: 20px;
    }

   .quanbu{
      width:70%;
      height:620px;
      background-color: #fff;
      box-shadow:5px 5px 5px;
      border:1px solid black;
      margin: 0 auto;
      margin-top:50px;
    }
   .quanbu img{
       width: 200px;
        height: 80px;
        transform: rotate(-15deg);
        box-shadow:3px 3px 3px 1px black;
      
    }
  </style>
</head>

<body>
    <div id="head">
        <div id="logo"><img src="images/未标题-1.jpg" alt=""></div>
        <div id="headleft">
            <div id="headleft1">
                <input type="text"><button>搜索</button>
            </div>
        </div>
        <div id="headright">
            <a href="#" id="login">注册</a>
            <span>|</span>
            <a href="#" id="login">登录</a>
        </div>
    </div>
    <div id="bodynav">
        <div id="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">套餐</a></li>
                <li id="down"><a href="#">健康饮食 </a>
                    <ul id="updown">
                        <li>人体群众</li>
                        <li>老人</li>
                        <li>孕妇</li>
                        <li>青少年</li>
                    </ul>
                </li>
                <li><a href="#">分享圈</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
  <div class="quanbu">
    <img src="images/5.jpg" alt="">
    <h3>老人保养肠道的妙招</h3>

    <ul>
      <li>少吃生冷和刺激性强的食品：生冷和刺激性强的食物，对消化道黏膜具有较强的刺激作用，容易引起腹泻或消化道炎症，或使原有的消化道疾病加重，应尽量少吃。</li> 
      <li>少吃油炸、煎炒的食品：由于这类食物难以消化，吃多了自然会加重胃肠道的负担，甚至会出现消化不良。</li>
      <li>要细嚼慢咽：老年人多牙齿不好，咀嚼能力差，加之胃肠消化能力减退，更应细嚼慢咽，以减轻胃肠负担。</li>
      <li>常吃蔬菜和粗粮：经常吃一些富含纤维的蔬菜和粗粮，可以增加胃肠蠕动，防止便秘，有利于维护胃肠的健康、减少肠癌的发生。</li>
      <li>
        <ul>
          <h4>两款贴心的小提示</h4>
          <li>1.老人由于消化系统不是很好，所以更要注重对肠胃的保养，饮食一定要规律哦！</li>
          <li>2.烟和酒会损害消化道黏膜，并使消化能力减退，对健康极不利。所以身边的儿女一定要照顾好老人</li><br>
        </ul>
      </li>
    </ul>
  </div>

</body>

</html>